<template>
  <div>
    <TypeNav />
    <ListContainer />
    <Recomend />
    <Rank />
    <Like />
    <Floor v-for="floor in floorsList" :key="floor.id" :floor="floor" />
    <Brand />
  </div>
</template>

<script>
import ListContainer from './ListContainer';
import Recomend from './Recommend';
import Rank from './Rank';
import Like from './Like';
import Floor from './Floor';
import Brand from './Brand';
import { mapState } from 'vuex';
export default {
  name: 'Home',
  components: {
    ListContainer,
    Recomend,
    Rank,
    Like,
    Floor,
    Brand,
  },
  mounted() {
    this.$store.dispatch('getFloorsList');
  },
  computed: {
    ...mapState({
      floorsList: (state) => {
        return state.home.floorsList;
      },
    }),
  },
};
</script>

<style scoped></style>
